<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>文章列表--layui后台管理模板</title>
	<meta name="renderer" content="webkit">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
	<meta name="apple-mobile-web-app-status-bar-style" content="black">
	<meta name="apple-mobile-web-app-capable" content="yes">
	<meta name="format-detection" content="telephone=no">
	<link rel="stylesheet" href="../../layui/css/layui.css" media="all" />
	<link rel="stylesheet" href="../../css/font_eolqem241z66flxr.css" media="all" />
	<link rel="stylesheet" href="../../css/news.css" media="all" />
</head>

<body class="childrenBody">
<!--角色选择-->
	<blockquote class="search_box">
		<div class="layui-inline ">
			<div class="userrole_btn ">
				<a href="courseTabelList1.html">
					<p>我的积分</p>
					<p>My scores</p>
				</a>
			</div>
			<div class="userrole_btn active ">
				<a href="courseTabelList.html">
					<p>积分榜</p>
					<p>Ranking</p>
				</a>

			</div>
		</div>
	</blockquote>
	<blockquote class="layui-elem-quote news_search">

		<div class="layui-inline">
			<span class="layui-inline">筛选(Filter)：</span>
			<div class=" layui-inline layui-form component"  >
				<input type="text" class="layui-input newsTime" placeholder="日期" lay-verify="date" onclick="layui.laydate({elem:this})">
			</div>

			<a class="layui-btn search_btn">查询 (Inquire)</a>
		</div>


	</blockquote>


	<!--表格展示区-->
<div>
	<div class="layui-form news_list jfL">
		<p>总积分:（36）</p>
		<p>total points:（36）</p>
		<table class="layui-table">

			<thead>
			<tr>

				<th>
					<p>排名</p>
					<p>NO.</p>
				</th>
				<th>
					<p>教师名称</p>
					<p>Teacher name</p>
				</th>

				<th>
					<p>积分</p>
					<p> Integral</p>
				</th>



			</tr>
			</thead>
			<tbody class="news_content">
			<tr>
				<td>
					<p>1</p>
				</td>
				<td>
					<p>jsben</p>
				</td>
				<td>
					<p>+1</p>
				</td>

			</tr>
			<tr>
				<td>
					<p>2</p>
				</td>
				<td>
					<p>jsben</p>
				</td>
				<td>
					<p>+1</p>
				</td>

			</tr>

			</tbody>
		</table>
	</div>
	<div class="jfR">
		<p>积分规则</p>
		<p>1.积分规则积分规则积分规则积分规则积分规则积分规则积分规则积分规则</p>
		<p>1.积分规则积分规则积分规则积分规则积分规则积分规则积分规则积分规则</p>
	</div>
</div>

	<!--layer分页-->
	<!--<div id="page"></div>-->
	<!--静态分页-->
	<div id="page1">
		<div class="layui-box layui-laypage layui-laypage-default" id="layui-laypage-0">
			<a href="javascript:;" class="layui-laypage-prev" data-page="1">上一页</a>
			<a href="javascript:;" data-page="1">1</a>
			<span class="layui-laypage-curr">
				<em class="layui-laypage-em"></em>
				<em>2</em></span>
			<a href="javascript:;" data-page="3">3</a>
			<a href="javascript:;" data-page="4">4</a>
			<a href="javascript:;" data-page="5">5</a>
			<span>…</span>
			<a href="javascript:;" class="layui-laypage-last" title="尾页" data-page="10">末页</a>
			<a href="javascript:;" class="layui-laypage-next" data-page="3">下一页</a>
		</div>
	</div>

	<script type="text/javascript" src="../../layui/layui.js"></script>
	<script type="text/javascript" src="courseTabelList.js"></script>
</body>
</html>